<%@ Control Language="C#" AutoEventWireup="true" CodeFile="step3_sea_cargo.ascx.cs" Inherits="application_step3_sea_cargo" %>
<%@ Register Assembly="ESWebFramework.I18N" Namespace="ESWebFramework.I18N" TagPrefix="eswf" %>
<link href="css/app_popup.css" rel="stylesheet" type="text/css" />
<script src="script/stickytooltip.js" type="text/javascript"></script>
<link href="style/stickytooltip.css" rel="stylesheet" type="text/css" />
<table cellpadding="0" class="popupTable" cellspacing="0" border="0" width="100%">
<!--Header-->
<tr>
  <td>
      <div id="header">
        <div id="form_title">
            <eswf:ESi18nLabel ID="ESi18nLabel1" TextReference="application" runat="server"></eswf:ESi18nLabel>
        </div>
        <div id="form_titlestep">
        <eswf:ESi18nLabel ID="ESi18nLabel4" TextReference="step" runat="server"></eswf:ESi18nLabel>&nbsp;3&nbsp;
         <eswf:ESi18nLabel ID="ESi18nLabel5" TextReference="of" runat="server"></eswf:ESi18nLabel>&nbsp;3
        </div>
        </div>
  </td>
</tr>
<!--Main Content-->
<tr id="row_tender_app_header" runat="server">
    <td>
        <div class="text_top" style="margin:2px !important;clear:both">
          <eswf:ESi18nLabel ID="ESi18nLabel24444" TextReference="step3_text" runat="server"></eswf:ESi18nLabel>
        </div>
    </td>
</tr>
<tr>
  <td>
      <center>
        <div id="formDiv">
            <!--seaport_loading-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="lbl_seaport_loading" TextReference="seaport_loading" runat="server"></eswf:ESi18nLabel>
                </label>
                <asp:DropDownList ID="ddlSeaPortLoading" runat="server" CssClass="formItem" Width="200px">
                </asp:DropDownList>
                <!--img align="top" data-tooltip="seaport_load_info" src="design_img/tool_tip_starter.jpg"-->
            </div>
            <!--seaport_unloading-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="lbl_seaport_unloading" TextReference="seaport_unloading" runat="server"></eswf:ESi18nLabel>
                </label>
               <asp:DropDownList ID="ddlSeaPortUnloading" runat="server" CssClass="formItem" Width="200px">
                </asp:DropDownList>
                <!--img align="top" data-tooltip="seaport_unload_info" src="design_img/tool_tip_starter.jpg"-->
            </div>
            <!--level_of_importance-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel6" TextReference="level_of_importance" runat="server"></eswf:ESi18nLabel>
                </label>
               <asp:DropDownList ID="ddlLevelOfImportnce" runat="server" CssClass="formItem" Width="200px">
                </asp:DropDownList>
                <img align="top" data-tooltip="lev_importance_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--vessel_type-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel7" TextReference="vessel_type" runat="server"></eswf:ESi18nLabel>
                <asp:Label ID="ddlVeselTypes_rfv" runat="server">*</asp:Label>
                </label>
               <asp:DropDownList ID="ddlVeselTypes" runat="server" CssClass="formItem" Width="200px">
                </asp:DropDownList>
                <img align="top" data-tooltip="placement_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--placement_type-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel8" TextReference="placement_type" runat="server"></eswf:ESi18nLabel>
                <asp:Label ID="ddlPlacementTypes_rfv" runat="server">*</asp:Label>
                </label>
               <asp:DropDownList ID="ddlPlacementTypes" runat="server" CssClass="formItem" Width="200px">
                </asp:DropDownList>
                <img align="top" data-tooltip="type_offer_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--packing_type-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel9" TextReference="packing_type" runat="server"></eswf:ESi18nLabel>
                 <asp:Label ID="ddlPackingTypes_rfv" runat="server">*</asp:Label>
                </label>
               <asp:DropDownList ID="ddlPackingTypes" runat="server" CssClass="formItem" Width="200px">
                </asp:DropDownList>
                <img align="top" data-tooltip="packing_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--Lenght-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel10" TextReference="lenght" runat="server"></eswf:ESi18nLabel>
                <%--<asp:Label ID="tbLenght_rfv" runat="server">*</asp:Label>--%>
                </label>
               <asp:TextBox ID="tbLenght" MaxLength="40"  Width="114px" CssClass="formItem" runat="server"></asp:TextBox>
               <asp:DropDownList ID="ddlLenght" runat="server" CssClass="formItem" Width="80px">
                </asp:DropDownList>
                <img align="top" data-tooltip="lenght_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--Width-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel11" TextReference="width" runat="server"></eswf:ESi18nLabel>
                <%--<asp:Label ID="tbWidth_rfv" runat="server">*</asp:Label>--%>
                </label>
               <asp:TextBox ID="tbWidth" MaxLength="40"  Width="114px" CssClass="formItem" runat="server"></asp:TextBox>
               <asp:DropDownList ID="ddlWidth" runat="server" CssClass="formItem" Width="80px">
                </asp:DropDownList>
                <img align="top" data-tooltip="width_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--Height-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel12" TextReference="height" runat="server"></eswf:ESi18nLabel>
               <%-- <asp:Label ID="tbHeight_rfv" runat="server">*</asp:Label>--%>
                </label>
               <asp:TextBox ID="tbHeight" MaxLength="40"  Width="114px" CssClass="formItem" runat="server"></asp:TextBox>
               <asp:DropDownList ID="ddlHeight" runat="server" CssClass="formItem" Width="80px">
                </asp:DropDownList>
                <img align="top" data-tooltip="height_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--Weight-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel19" TextReference="weight" runat="server"></eswf:ESi18nLabel>
                <asp:Label ID="tbWeight_rfv" runat="server">*</asp:Label>
                </label>
               <asp:TextBox ID="tbWeight" MaxLength="40"  Width="114px" CssClass="formItem" runat="server"></asp:TextBox>
               <asp:DropDownList ID="ddlWeight" runat="server" CssClass="formItem" Width="80px">
                </asp:DropDownList>
                <img align="top" data-tooltip="weight_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--Volume-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel13" TextReference="volume" runat="server"></eswf:ESi18nLabel>
                </label>
               <asp:TextBox ID="tbVolume" MaxLength="40"  Width="114px" CssClass="formItem" runat="server"></asp:TextBox>
               <asp:DropDownList ID="ddlVolume" runat="server" CssClass="formItem" Width="80px">
                </asp:DropDownList>
                <img align="top" data-tooltip="volume_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--Price-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel16" TextReference="price" runat="server"></eswf:ESi18nLabel>
                </label>
               <asp:TextBox ID="tbPrice" MaxLength="40"  Width="114px" CssClass="formItem" runat="server"></asp:TextBox>             
                <asp:DropDownList ID="ddlPrice" runat="server" CssClass="formItem" Width="80px">
                </asp:DropDownList>
                <img align="top" data-tooltip="price_info" src="design_img/tool_tip_starter.jpg"> 
            </div>
            <!--special_condition-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel17" TextReference="special_condition" runat="server"></eswf:ESi18nLabel>
                </label>
               <asp:DropDownList ID="ddlSpecualConditionTypes" runat="server" CssClass="formItem" Width="200px">
                </asp:DropDownList>
                <img align="top" data-tooltip="spec_cond_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--Other Informations: -->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel18" TextReference="other_informattions" runat="server"></eswf:ESi18nLabel>
                </label>
                <asp:TextBox ID="tbOtherInformattions" TextMode="MultiLine" Height="100px"  Width="200px" CssClass="formItem" runat="server"></asp:TextBox>
            </div>
        </div>
    </center>
  </td>
</tr>
<!--Foother-->
<tr>
  <td>
     <div id="footherPop">
        <br />
        <div id="foother_left" onclick="LoadAppStep(2)">
        <eswf:ESi18nLabel ID="ESi18nLabel15" CssClass="btnLeft" TextReference="btn_goto_step2" runat="server"></eswf:ESi18nLabel>
        </div>
        <div id="foother_right" onclick="return SaveApplication();">
        <eswf:ESi18nLabel ID="ESi18nLabel14" CssClass="btnRight" TextReference="finish" runat="server"></eswf:ESi18nLabel>
        </div>
      </div>
  </td>
</tr>
</table>
<!--Tool Tip-->
<div id="mystickytooltip" class="stickytooltip">
    <div class="main_holder_padd">
         <!--Loading-->
         <div id="seaport_load_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel12" TextReference="seaport_load_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="seaport_unload_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel13" TextReference="seaport_unload_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="lev_importance_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel1" TextReference="lev_importance_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="vessel_type_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel2" TextReference="vessel_type_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="placement_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel3" TextReference="placement_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="packing_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel4" TextReference="packing_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="lenght_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel5" TextReference="lenght_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>

        <div id="width_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel6" TextReference="width_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="height_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel7" TextReference="height_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="weight_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel8" TextReference="weight_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="volume_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel9" TextReference="volume_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="price_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel10" TextReference="price_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
         <div id="spec_cond_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel11" TextReference="spec_cond_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
    </div>
</div>